<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>漫画页面</title>


	<link rel="stylesheet" href="wrh_index.css">
	<style>
		@media (max-width: 1520px) {
			.header-wrap{
				width: 1520px;
			}
		
		}
		@media (max-width: 1520px) {
			body{
				width: 1520px;
			}
		
		}
	</style>
</head>

<body>
	<!-- 顶部固定导航栏 -->
	<div class="header-wrap">
		<div class="header-container-bar">

			<!-- 音频 -->
			<div class="audio-controller" id="audiu_on">
				<img src="漫画/2b7b438a20581c2b9b2157380f2d1c8.png" alt="">
				<audio id="bgMusic">
					<source src="原神音频.mp3" type="audio/mp3">
				</audio>
			</div>
			<div class="audio-controller" id="audio_off" style="display: none;">
				<img src="漫画/clOAAAAAElFTkSuQmCC.png" alt="">
				<audio id="bgMusic">
					<source src="原神音频.mp3" type="audio/mp3">
				</audio>
			</div>






			<!-- logo -->
			<div class="header-logo">


				<img src="漫画/ys_1565764084_7084.png" alt="">
			</div>
			<div class="header-wrap-nav">
				<div class="topbar-wrap">
					<a class="header__navitem" href="../仿原神官网/原神官网制作/wjt-index.html">首&nbsp;页</a>
					<a class="header__navitem" href="">新&nbsp;闻</a>
					<a class="header__navitem" href="../原神项目/index-角色.html">角&nbsp;色</a>
					<a class="header__navitem" href="../项目实战-元神世界页面/元神世界页面.html">世&nbsp;界</a>
					<a class="header__navitem" href="wrh_index.html">漫&nbsp;画</a>
					<a class="header__navitem" href="https://www.miyoushe.com/ys/">社&nbsp;区</a>
				</div>
			</div>
			<div class="header-wrap-right">
				<a href="" class="wrap-right">
					<span>成长关爱系统</span>
					<img src="漫画/Iok4PM3lA_rzCaGjmucKamKIzy1LnD9Nqi_SfAAFLcgBA6a85mAAAAAElFTkSuQmCC.png" alt="">
				</a>
				<!-- 登录按钮 -->
				<a href="#" id="login-btn" class="wrap-right">
					<span>登录</span>
					<img src="漫画/photo.png" alt="">
				</a>
				<div id="mask"></div>
				<!-- 登录弹框 -->
				<div id="login-box">
					<div class="login-header">用户登录</div>
					<form>
						<label for="username">用户名：</label>
						<input type="text" id="username" name="username"><br>
						<label for="password">密码：</label>
						<input type="password" id="password" name="password"><br>
						<button type="submit">登录</button>
					</form>
					<div class="close-btn" id="close-btn">X</div>
				</div>
			</div>
		</div>
	</div>



	<!-- 正文 -->
	<div class="head">
		<img src="漫画/34070c6.jpg" alt="">
		<div class="headOne">
			<h1>漫画</h1>
			<p>这里是七种元素神灵信仰交汇的幻想世界提瓦特。</p>
			<p>席卷大陆的灾难终于停息，疮痍逐渐被抚平——本应到来的安宁却并没有如期光临风之城「蒙德」。</p>
			<p>飞扬跋扈的组织「愚人众」借着保护的名义欺压诸国，而来自历史之暗的不祥也在等待着复仇的机会……</p>
			<div class="one">
				<a href="">继续阅读</a>
				<a href="">重新开始</a>
			</div>
		</div>

	</div>


	<!-- 中间图片 -->
	<div class="w">
		<div class="two">
			<ul>
				<!-- <li>
					<a href="https://ys.mihoyo.com/main/manga/detail/191?mute=1">
						<img src="漫画/2019022216011312601.jpg" alt="">
						<div class="mask">第一话 添酒</div>
					</a>

				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/192?mute=1">
						<img src="漫画/2019060316251096474.jpg" alt="">
					</a>
					<div class="mask">第二话 炎生</div>
				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/198?mute=1">
						<img src="漫画/2019030116173638816.jpg" alt="">
					</a>

					<div class="mask">第三话 失物</div>
				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/429?mute=1">
						<img src="漫画/2019060318381416927.jpg" alt="">
					</a>

					<div class="mask">第四话 变动</div>
				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/438?mute=1">
						<img src="漫画/2019060316192842647.jpg" alt="">
						<div class="mask">第五话 险地</div>
					</a>

				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/443?mute=1">
						<img src="漫画/2019060320042071824.jpg" alt="">
					</a>
					<div class="mask">第六话 风炎</div>
				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/482?mute=1">
						<img src="漫画/2019060619293196512.jpg" alt="">
					</a>

					<div class="mask">第七话 尘匣</div>
				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/810?mute=1">
						<img src="漫画/2019071514205278384.jpg" alt="">
					</a>

					<div class="mask">第八话 线索</div>
				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/917?mute=1">
						<img src="漫画/2019080920201725912.jpg" alt="">
						<div class="mask">第九话 游宴</div>
					</a>

				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/987?mute=1">
						<img src="漫画/2019090919255789106.jpg" alt="">
					</a>
					<div class="mask">第十话 愚戏</div>
				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/1073?mute=1">
						<img src="漫画/2019101118561041414.jpg" alt="">
					</a>

					<div class="mask">第十一话 蛇音</div>
				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/3476?mute=1">
						<img src="漫画/2019110819052956627.jpg" alt="">
					</a>

					<div class="mask">第十二话 心雾</div>
				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/3756?mute=1">
						<img src="漫画/2019121219370494421.jpg" alt="">
						<div class="mask">第十三话 再临</div>
					</a>

				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/6144?mute=1">
						<img src="漫画/2020011718393743302.jpg" alt="">
					</a>
					<div class="mask">第十四话 顽疾</div>
				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/6477?mute=1">
						<img src="漫画/2020040312585640222.jpg" alt="">
					</a>

					<div class="mask">第十五话 落定</div>
				</li>
				<li>
					<a href="https://ys.mihoyo.com/main/manga/detail/6530?mute=1">
						<img src="漫画/2020041715102690915.jpg" alt="">
					</a>

					<div class="mask">第十六话 添酒</div>
				</li>
				 -->
				</ul>

		</div>
	</div>



	<!-- 底部 -->
	<div class="footer">
		<div class="footer-wrap">
			<div class="footer-logo">
				<img class="shou-logo" src="漫画/ed39ba943da56c88dec2b18f4bfb0a32_2315648370550091638.png" alt="">
				<span></span>
				<img class="man-logo" src="漫画/ys_1565764084_7084.png" alt="">
			</div>
			<div class="footer-info">
				<ul class="footer-link">
					<li>
						<a href="#">用户协议</a>
					</li>
					<span>|</span>
					<li>
						<a href="#">隐私协议</a>
					</li>
					<span>|</span>
					<li>
						<a href="#">儿童隐私政策</a>
					</li>
					<span>|</span>
					<li>
						<a href="#">自律公约</a>
					</li>
					<span>|</span>
					<li>
						<a href="#">家长监护工程</a>
					</li>
					<span>|</span>
					<li>
						<a href="#">关于我们</a>
					</li>
					<span>|</span>
					<li>
						<a href="#">联系我们</a>
					</li>
					<span>|</span>
					<li>
						<a href="#">加入我们</a>
					</li>
				</ul>
				<div class="advice-info">
					<p>健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。</p>
					<p>沪公网安备31010402001113号&nbsp;&nbsp;|&nbsp;&nbsp;增值电信业务经营许可证：沪B2-20190555</p>
					<p>沪ICP备19018275号-4&nbsp;&nbsp;|&nbsp;&nbsp;沪网文 [2019] 3168-216号&nbsp;&nbsp;|&nbsp;&nbsp;国新出审 [2019] 2978号</p>
					<p>互联网违法不良信息举报邮箱: tousu@mihoyo.com互联网违法不良信息举报电话:&nbsp;021-60371750 ( 工作时间:每天10点- 20点)</p>
					<p>亲爱的市民朋友，上海警方反诈劝阻电话&nbsp;"962110"&nbsp;系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听</p>
					<p>未成年成长关爱热线: 021-60371740</p>
					<p>© 2020 米哈游版权所有 | 上海米哈游影铁科技有限公司 &nbsp;&nbsp;&nbsp;客服电话: 400-666 6312</p>

				</div>
				<div class="footer-icon">
					<a href="#"><img src="漫画/shiming_1575020038_4113.png" alt=""></a>
					<a href="#"><img src="漫画/jubao_1575020039_5071.png" alt=""></a>
					<a href="#"><img src="漫画/youhai_1589857356_1416.png" alt=""></a>
					<a href="#"><img src="漫画/culture_1575020039_5478.png" alt=""></a>
					<a href="#"><img src="漫画/e110_1575020039_7486.png" alt=""></a>
					<a href="#"><img src="漫画/zhizhao_1575020039_4362.png" alt=""></a>
				</div>
			</div>
		</div>
	</div>



	<script src="wrh_index.js"></script>

</body>

</html>